@import "./variables.scss";
@import "./mixin.scss";
@import "./transition.scss";
@import "./element-ui.scss";
@import "./btn.scss";
@import "./footer.scss";
@import "./table-list.scss";
@import "./dialog.scss";
@import "./add-edit.scss";
@import "./detail.scss";
@import "./company-definite.scss";
@import "./icon.css"; // 图标
@import "./register.scss"; // 注册页
@import "./home.scss"; // 首页
@import "./forget-password"; // 忘记密码
@import "./navbar.scss";
@import "./main.scss";
body {
  height: 100%;
  overflow: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
    Microsoft YaHei, Arial, sans-serif;
}

html {
  height: 100%;
  box-sizing: border-box;
}

img {
  width: 100%;
}

#app {
  height: 100%;
  .app-wrapper {
    min-width: 1366px;
  }
}

.el-form-item {
  margin-bottom: 15px;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.marginT10 {
  margin-top: 10px;
}

.text-center {
  text-align: center;
}

.right {
  text-align: right;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

.link-type,
.link-type:focus {
  color: $blue;
  cursor: pointer;
  &:hover {
    color: $light-blue;
  }
}
/* 单行文本省略 */

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

//vue-treeselect
.vue-treeselect {
  font-size: 14px;
  color: #666;
}

//main-container全局样式
.app-main {
  background: $themeBgPages;
  /* 悬浮菜单icon样式*/
  .menu-icon{
    cursor: pointer;
    position: fixed;
    left:50px;
    bottom:120px;
    z-index: 100;
    animation: idle 4s ease-in-out infinite;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #0cf inset, 0 0 1em #0cf inset;
    display: inline-block;
    font-size: 30px;
    color: #fff;
    svg {
      transition: width 0.1s linear, height 0.1s linear;
    }
    &:hover{
      svg {
        transform: rotate(180deg);
        transition: all 1s;
      }
    }
  }
}

.app-container {
  padding: 10px 80px 0;
}

// 菜单树
.el-tree-wrap {
  position: relative;
  .el-tree-cont {
    height: 420px;
    overflow-y: auto;
  }
  .all-expand {
    padding: 0 0 0 5px;
    margin: 0;
    span {
      cursor: pointer;
      color: #fff;
      i {
        font-style: normal;
        cursor: pointer;
        font-size: 18px;
        color: #fff;
      }
    }
  }
}
/* 个人中心证书列表附件 */

.certificate-title {
  margin-bottom: 4px;
  .el-col {
    margin: 0 !important;
    &.right {
      float: right;
    }
  }
}

.certificate-list {
  color: #666;
  .cert-item {
    min-height: 205px;
    border: 1px solid #e0d7d7;
    border-radius: 4px;
    padding: 15px 18px 10px !important;
    overflow: hidden;
    margin-bottom: 15px;
    /*margin-left: 30px;*/
    position: relative;
    h3 {
      font-size: 16px;
      height: 30px;
      text-align: left;
      border-bottom: 1px solid #ededed;
      color: $blue;
      margin: 0 0 10px;
      .right {
        display: inline-block;
        float: right;
        .edit,
        .save {
          cursor: pointer;
          font-size: 14px;
          color: $blue;
          font-weight: normal;
          span {
            margin-left: 10px;
          }
        }
      }
    }
    .hidden {
      display: none;
    }
    .zhengshu-template {
      margin-top: 15px;
      margin-right: 8px;
      width: 110px;
      height: 110px;
      float: left;
    }
    .certificate-list-upload {
      .el-upload--picture-card {
        margin-top: 10px;
        margin-right: 8px;
        width: 110px;
        height: 110px;
      }
    }
    .input-content {
      .desc {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }
  .cert-item-add {
    padding-top: 15px !important;
    /*margin-left: 22px !important;*/
    .addSave {
      width: 100%;
      //font-weight: bold;
      height: 30px;
      border-bottom: 1px solid #ededed;
      text-align: right;
      cursor: pointer;
      font-size: 14px;
      margin-bottom: 10px;
      color: $blue;
      .title {
        font-size: 16px;
        float: left;
      }
      span {
        margin-left: 10px;
      }
    }
  }
  .el-form-item {
    height: 40px !important;
  }
}
/* 统计分析选择框和时间 */

.statistics-select,
.statistics-date {
  position: absolute;
  left: 40px;
  top: 50%;
  background: $statistics;
  border:none;
  input {
    background: $statistics;
    border: none;
    width: 180px;
    color: #fff;
  }
  .el-range-separator{
    color: #ddd;
    line-height: 28px;
  }
}

// el-image 放大图片样式
.el-image-viewer__img{
  height: auto!important;
  max-height: none!important;
  max-width: 50%!important;
}

.el-input-group__append, .el-input-group__prepend{
  padding: 0 5px;
}
.el-dropdown-menu{
  min-width: 100px;
}
.el-carousel__button{
  background: #999;
}
.el-carousel__container{
  height: 450px;
}

.el-input--suffix .el-input__inner{
  padding-right: 10px;
}

/* 去掉白景色*/
.el-form-item__label{
  color:#fff;
}
.el-input__inner,.el-textarea__inner,.el-tree,.el-button,.vue-treeselect__control,.el-card,.el-upload--picture-card {
  background: none!important;
  color:#fff;
}
.el-input.is-disabled .el-input__inner{
  background: #0a2140;
}
.el-tree-node{
  &:hover{
    .el-tree-node__content{
      background: #0a2140;
    }
  }
}
.el-date-editor .el-range-input{
  background: none;
  color:#fff;
}
.el-loading-mask{
  background-color: #0a2140
}
.vue-treeselect__single-value{
  color:#fff!important;
}
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #0a2140; }
.el-table__expand-icon{
  color:#fff;
}
.el-textarea .el-input__count{
  background: none;
  color:#fff;
}
.el-dialog__body{
  color:#fff;
}
.mce-panel{
  background: $themeBgPages!important;
  color:#fff;
}
.el-message-box{
  background: $themeBgPages!important;
  color:#fff;
  .el-message-box__title,.el-message-box__message{
    color:#fff;
  }
}
.el-button--primary{
  color:#0a7fff;
}
.el-tabs__item,.el-checkbox{
  color:#999;
}
.el-table__empty-text{
  color:#fff;
  font-size: 16px;
}
.el-dropdown{
  color:#fff;
}
.el-table thead.is-group th{
  background: #0a2140 ;
}
.el-calendar{
  background: none!important;
  .el-calendar-table{
    thead {
      th{
        color:#fff;
      }
    }
  }
  .el-calendar__title{
    color:#fff;
  }
  .el-calendar-day{
    &:hover{
      background: #0a2140!important;
    }
  }
}

.el-table__fixed::before{
  background-color: transparent!important;
}




